.content-panel .content-panel-body,
.content-panel .content-panel-header {
    padding: 0;
}

.content-panel,
.content-panel .content-panel-header {
    border: 0;
}

.content-panel .content-panel-body .content-panel-table th,
.content-panel .content-panel-body .content-panel-table td {
    padding: 8px 0px 8px 8px;
}

.content-panel-table td>div {
    overflow: hidden;
    white-space: nowrap;
    word-break: break-all;
    max-width: 200px;
    text-overflow: ellipsis;
}

.content-panel .content-panel-body {
    min-height: 0;
}

/**筛选头**/

.border-box {
    float: left;
    margin-right: 10px;
}

.border-box > div {
    height: 36px;
    line-height: 36px;
}

#filterHeaderTabContainer {
    height: 46px;
    border-bottom: 1px solid #dedede;
}

#filterHeader {
    font-size: 12px;
    padding-top: 24px;
}

#filterHeader .dropdown {
    width: 96px;
}

#filterHeader a[data-toggle="dropdown"] {
    width: auto;
    display: block;
    padding: 0px 8px;
    text-align: left;
    border-radius: 0px;
    background: #ffffff;
    line-height: 36px;
}

#filterHeader a[data-toggle="dropdown"] .caret {
    float: right;
    margin-top: 14px;
    color: #727272;
}

#filterHeader .dropdown-menu {
    min-width: 0px;
    max-height: 220px;
    overflow-y: auto;
    overflow-x: hidden;
    left: 0;
    right: 0;
}

#filterHeader .dropdown-menu>li>a {
    white-space: nowrap;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    padding: 3px 16px;
}

#filterHeader .dropdown-menu.dropdown-menu-expand {
    width: 160px;
    right: auto;
}

#datePickerContainer {
    width: 200px;
    position: relative;
}

#filterHeader a[data-toggle="dropdown"]:hover,
#datePicker:hover {
    background: #daecc7;
}

#datePicker {
    text-align: center;
    cursor: pointer;
    padding: 0 8px;
    border: 1px solid #ccc;
}

#datePickerInput {
    position: absolute;
    z-index: -1;
    left: 0;
    top: 0px;
    bottom: 0px;
}

#filterMobile {
    border-radius: 0px;
    height: 38px;
    width: 380px;
}

#filterSearch {
    vertical-align: inherit;
    height: 38px;
    line-height: 38px;
    background: #8bc34a;
}

#filterResult {
    margin-top: 24px;
}

/**date range picker hack**/

.daterangepicker_input {
    display: none;
}
#orderListBody .help-text {
    cursor: help;
}

#orderListBodyEmpty {
    text-align: center;
    line-height: 100px;
}
#navbar-reconciliation-switch{
    height: 38px;
    line-height: 38px;
    list-style: none;
    .dropdown-menu{
        min-width: 120px;
        border: 1px solid #8bc34a;
        border-top: 0;
        padding: 0;
        margin: 0;
        li {
            a{
                text-align: left;
                padding: 9px 0px;
                padding-left: 12px;
                width: 108px;                
                padding: 9px 0 9px 12px;
                white-space: nowrap;
                line-height: 1.428571429;                 
                &:hover {
                     background: #daecc7;
                }
                &.active {
                    background: #8bc34a;
                    color: #fff;
                }
            } 
        }
        .active {
            a{            
                &:hover {
                     background: #8bc34a;
                }
            } 
        }

    }   
    #filterType{
        width: 100px;
        padding-left:12px ;
        color: #727272;
        border: 1px solid #ccc;
    }
}
#navbar-reconciliation-switch.open #filterType{
    border: 1px solid #8bc34a;
}